


        
        header nav::after{
            transform: translateY(-100%);
        }
        header nav.addBg::after {
            transform: translateY(0px);
        }
        main{
            padding-top: 0px;
        }
        main .service{
            padding-top: 130px;
            padding-bottom: 105px;
        }
        main .service .ttl{
            position: relative;
            z-index: 2;
        }
        main .service ul{
            margin-top: -60px;
            padding-top: 120px;
            border-top: 2px solid #f1f1f1;
            box-shadow: 0px 5px 10px 2px rgba(12,65,143,.15);
        }
        main .service ul li{
            padding-top: 120px;
            text-align: center;
            padding-bottom: 125px;
            width: calc(100% / 3);
            border-left: 1px solid #f1f1f1;
        }
        main .service ul li:first-child{
            border-left-width: 0px;
        }
        
        main .service ul li .icon{
            width: 150px;
            height: 150px;
            display: inline-block;
            position: relative;
            vertical-align: top;
            transition: transform .3s;
        }
        main .service ul li:hover .icon{
            transform: translateY(20px);
        }
        main .service ul li .icon::after{
            content: '';
            border-radius: 50%;
            position: absolute;
            width: 0%;
            height: 0%;
            top: 50%;
            top: 50%;
            transition: all .5s;
            transform: translate(-50%,-50%);
            box-shadow: 0px 0px 10px 2px rgba(12,65,143,.15);
        }
        main .service ul li .icon.frozen::after{
            width: 100%;
            height: 100%;
        }
        main .service ul li .icon img{
            z-index: 2;
        }
        main .service ul li .topic,
        main .service ul li .t{
            transform: translateY(20px);
            opacity: 0;
            transition: opacity .5s,transform .5s;
        }
        main .service ul li .topic.frozen,
        main .service ul li .t.frozen{
            transform: translateY(0px);
            opacity: 1;    
        }
        main .service ul li .topic{
            font-size: 33px;
            margin-top: 70px;
            margin-bottom: 45px;
        }
        main .service ul li .t{
            font-size: 20px;
            line-height: 1.8;
            color: #999;
            width: 360px;
            margin: 0px auto;
            position: relative;
            transition: bottom .3s;
            bottom: 0px;
        }
        main .service ul li:hover .t{
            bottom: 20px;
        }

        main .notes{
            position: relative;
            padding-top: 110px;
        }
        main .notes>*{
            position: relative;
            z-index: 2;
        }
        main .notes .bg{
            height: 77.5vh;
            position: absolute;
            width: 100%;
            left: 0px;
            top: 0px;
            z-index: 1;
            background: #0c418f;
        }
        main .notes .bg img{
            opacity: .7;
        }
        main .notes .ttl .eng span{
            color: #e69114;
        }
        main .notes .ttl i{
            background: #e69114;
        }
        main .notes .ttl .cn{
            color: #f1f1f1;
        }
        main .notes .box{
            margin: 0 auto;
            margin-top:55px;
            width: 1680px;
            padding: 90px 100px;
            background: #fff;
            box-shadow: 0px 0px 10px 5px rgba(0,0,0,.1);
        }
        main .notes .box ul{
            flex-wrap: wrap;
            margin-left: -20px;
        }
        main .notes .box ul li{
            width: calc(25% - 20px);
            border-radius: 5px;
            border: 2px solid #f1f1f1;
            min-height: 280px;
            margin-left: 20px;
            padding: 50px 35px;
            transition: transform .3s;
        }
        main .notes .box ul li:hover{
            transform: translateY(-20px);
        }
        main .notes .box ul li:nth-child(n + 5){
            margin-top: 50px;
        }
        main .notes .box ul li .topic{
            font-size: 30px;
            margin-bottom: 20px;
        }
        main .notes .box ul li .t{
            font-size: 18px;
            color: #666;
            line-height: 1.7;
        }

        main .compReg{
            padding-top: 105px;
            padding-bottom: 180px;
        }
        main .compReg .contn{
            margin-top: -60px;
            border-top: 1px solid #f2f2f2;
            padding-top: 115px;
        }
        main .compReg .contn .box{
            width: 1600px;
            margin: 0px auto;
        }
        main .compReg .contn .box .mid{
            margin-left: -50px;
            flex-wrap: wrap;
        }
        main .compReg .contn .box .mid .item{
            margin-left: 50px;
            float: left;
            width: calc(25% - 50px);
            margin-bottom: 30px;

        }
        main .compReg .contn .box .mid .item .pic{
            padding-bottom: 100%;
            position: relative;
        }
        main .compReg .contn .box .mid .item .num{
            width: 90px;
            height: 90px;
            line-height: 70px;
            border: 10px solid #fff;
            border-radius: 50%;
            background: #000;
            color: #fff;
            font-size: 20px;
            text-align: center;
            transform: translateY(-50%);
            position: relative;
            transition: margin .3s,transform .3s;
            margin-left: 0px;
        }
        main .compReg .contn .box .mid .item .num.frozen{
            margin-left: 35px;
        }
        main .compReg .contn .box .mid .item:hover .num.frozen{
            transform: translateX(-35px) translateY(-50%);
        }
        main .compReg .contn .box .mid .item:nth-child(1) .num{
            transition-delay: .1s,0s;
        }
        main .compReg .contn .box .mid .item:nth-child(2) .num{
            transition-delay: .15s,0s;
        }
        main .compReg .contn .box .mid .item:nth-child(3) .num{
            transition-delay: .2s,0s;
        }
        main .compReg .contn .box .mid .item:nth-child(4) .num{
            transition-delay: .25s,0s;
        }
        main .compReg .contn .box .mid .item .topic{
            font-size: 30px;
            margin-bottom: 20px;
        }
        main .compReg .contn .box .mid .item .t{
            color: #666;
            font-size: 18px;
        }
        main .compReg .contn .box .mid .item .topic,
        main .compReg .contn .box .mid .item .t{
            opacity: 0;
            transform: translateY(20px);
            transition: opacity .3s,transform .3s;
            transition-delay: .55s;
        }
        main .compReg .contn .box .mid .item .num.frozen + .topic,
        main .compReg .contn .box .mid .item .num.frozen + .topic + .t{
            opacity: 1;
            transform: translateY(0px);
        }
        main .compReg .contn .box .mid .item .num.frozen + .topic + .t{
            transition-delay: .6s;
        }

        main .advtg{
            overflow: hidden;
        }
        main .advtg .headPic{
            height: 760px;
        }
        main .advtg .list .item>*{
            width: 50%;
        }
        main .advtg .list .item .ttl,
        main .news .ttl{
            text-align: left;
        }
        main .advtg .list .item:nth-child(1) .whiteBg{
            padding-top: 240px;
            padding-left: 215px;
            padding-bottom: 68px;
        }
        main .advtg .list .item .whiteBg .more{
            display: inline-flex;
            color: #0c418f;
        }
        main .advtg .list .item:nth-child(1) .whiteBg .more{
            margin-top: 95px;
        }
        main .advtg .list .item .whiteBg .more .arw{
            width: 70px;
            height: 70px;
            position: relative;
            background: #0c418f;
        }
        main .advtg .list .item .whiteBg .more span{
            margin-left: 35px;
            font-size: 24px;
            transition: letter-spacing .3s ease-out;
        }
        main .advtg .list .item .whiteBg .more:hover span{
            letter-spacing: 4px;
        }
        main .advtg .list .item .another .pic{
            height: 100%;
        }
        main .advtg .list .item:nth-child(1) .another{
            margin-top: -360px;
            width: calc(50% - 60px);
            margin-left: 60px;
            background: #202836;
            color: #fff;
        }
        main .advtg .list .item:nth-child(1) .another{
            padding: 0px 120px;
            padding-top: 130px;
        }
        main .advtg .list .item:nth-child(1) .another>.topic,
        main .advtg .list .item:nth-child(1) .another>.t,
        main .advtg .list .item:nth-child(1) .another ul li{
            transform: translateX(50px);
            opacity: 0;
            transition: .5s transform,.5s opacity;
        }
        main .advtg .list .item:nth-child(1) .another>.topic.frozen,
        main .advtg .list .item:nth-child(1) .another>.t.frozen,
        main .advtg .list .item:nth-child(1) .another ul li.frozen{
            transform: translateX(0px);
            opacity: 1;
        }
        main .advtg .list .item:nth-child(1) .another>.topic{
            font-size: 36px;
        }
        main .advtg .list .item:nth-child(1) .another>.t{
            font-size: 22px;
            margin-top: 15px;
            color: #999;
        }
        main .advtg .list .item:nth-child(1) .another ul{
            margin-top: 60px;
        }
        main .advtg .list .item:nth-child(1) .another ul li{
            margin-top: 75px;
        }
        main .advtg .list .item:nth-child(1) .another ul li:first-child{
            margin-top: 0px;
        }
        main .advtg .list .item:nth-child(1) .another ul .topic{
            font-size: 30px;
            color: #e69114;
            position: relative;
        }
        main .advtg .list .item:nth-child(1) .another ul .topic::before{
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -25px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #e69114;
        }
        main .advtg .list .item:nth-child(1) .another ul .t{
            font-size: 24px;
            line-height: 1.6;
            margin-top: 15px;
        }
        main .advtg .list .item:nth-child(2){
            margin-top: 110px;
            margin-bottom: 210px;
            flex-direction: row-reverse;
        }
        main .advtg .list .item:nth-child(2) .whiteBg{
            padding: 170px 0px;
            padding-left: 185px;
        }
        main .advtg .list .item:nth-child(2) .whiteBg .more{
            margin-top: 115px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg{
            padding-top: 125px;
            padding-bottom: 185px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg .txt{
            padding-left: 30px;
            margin-top: 130px;
            margin-bottom: 175px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
            font-size: 36px;
            margin-bottom: 50px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
            font-size: 24px;
            position: relative;
            color: #666;
            margin-top: 40px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg .txt ul li:first-child{
            margin-top: 0px;
        }
        main .advtg .list .item:nth-child(3) .whiteBg .txt ul li::before{
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -30px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #e69114;
        }

        main .tips{
            padding: 55px 0px;
            flex-wrap: wrap;
        }
        main .tips .box{
            width: 25%;
        }
        main .tips .box .txt{
            padding-top: 20px;
            padding-bottom: 30px;
            font-size: 18px;
            color: #999;
        }
        main .tips .box + .box{
            border-left: #eee solid 1px;
        }
        main .tips .box .txt .topic{
            color: #000;
            font-size: 24px;
            margin-bottom: 10px;
        }

        main .news{
            width: 1600px;
            margin: 0 auto;
            margin-top: 50px;
            padding-bottom: 90px;
        }
        main .news .ttl{
            padding: 0px;
        }
        main .news .contn{
            position: relative;
        }
        main .news .contn .all{
            position: absolute;
            top: 0px;
            right: 0px;
            font-size: 30px;
            letter-spacing: 3px;
            color: #fff;
            background: #0c418f;
            line-height: 50px;
            padding: 0px 24px;
            border-radius: 16px;
            z-index: 2;
        }
        main .news .newsSwiper{
            margin-top: 60px;
            padding-bottom: 50px;
        }
        main .news .newsSwiper .swiper-slide{
            position: relative;
            padding: 50px 75px;
            padding-right: 240px;
            border: 1px solid #0c418f;
        }
        main .news .newsSwiper .pic{
            width: 240px;
            height: 100%;
            position: absolute;
            top: 0px;
            right: 0px;
        }
        main .news .newsSwiper .txt {
            color: #666;
            width: 100%;
            max-width: 440px;
            padding-right: 20px;
        }
        main .news .newsSwiper .txt .newsTtl{
            font-size: 20px;
            font-weight: bold;
            color: #000;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;
        }
        main .news .newsSwiper .txt .date{
            font-size: 14px;
            margin-top: 10px;
        }
        main .news .newsSwiper .txt .t{
            font-size: 16px;
            line-height: 1.8;
            margin: 25px 0px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            white-space: normal;
            word-break: break-all;
        }
        main .news .newsSwiper .txt .more{
            display: inline-flex;
        }
        main .news .newsSwiper .txt .more .arw{
            width: 50px;
            height: 50px;
            position: relative;
            background: #0c418f;
        }
        main .news .newsSwiper .txt .more .arw .hvc{
            width: 28px;
            height: auto;
        }
        main .news .newsSwiper .txt .more span{
            margin-left: 20px;
            color: #0c418f;
            transition: letter-spacing .3s ease-out;
        }
        main .news .newsSwiper .txt .more:hover span{
            letter-spacing: 4px;
        }
        main .news .newsSwiper .swiper-pagination{
            bottom: 0px;
        }
        main .news .newsSwiper .swiper-pagination span{
            width: 20px;
            height: 20px;
            border: 1px solid #0c418f;
            background: transparent;
            vertical-align: top;
            margin: 0px 12px;
            opacity: 1;
        }
        main .news .newsSwiper .swiper-pagination .swiper-pagination-bullet-active{
            background: #0c418f;
        }

        @media(max-width:1700px){
            main .notes .box{
                width: 1600px;
                padding: 60px 70px;
            }
            main .compReg .contn .box .mid .item .topic,
            main .notes .box ul li .topic{
                font-size: 26px;
            }
            main .advtg .list .item:nth-child(1) .another>.topic{
                font-size: 32px;
            }
            main .advtg .list .item:nth-child(1) .another>.t{
                font-size: 20px;
            }
        }
        @media(max-width:1650px){
            main .notes .box,
            main .compReg .contn .box,
            main .news{
                width: calc(100% - 80px);
            }
        }
        @media(max-width:1600px){

            main .service{
                padding-top: 110px;
                padding-bottom: 90px;
            }
            main .service ul,
            main .compReg .contn{
                margin-top: -46px;
            }
            main .service ul{
                padding-top: 100px;
            }
            main .service ul li{
                padding-top: 90px;
                padding-bottom: 100px;
            }
            main .service ul li .icon{
                width: 120px;
                height: 120px;
            }
            main .service ul li .icon img{
                height: 65px;
                width: auto;
            }
            main .service ul li .topic{
                margin-top: 50px;
                margin-bottom: 30px;
            }
            main .service ul li .topic,
            main .advtg .list .item:nth-child(1) .another ul .topic{
                font-size: 26px;
            }
            main .service ul li .t{
                width: 300px;
            }
            main .service ul li .t,
            main .compReg .contn .box .mid .item .t,
            main .notes .box ul li .t{
                font-size: 16px;
            }
            
            main .notes .box{
                padding: 45px 50px;
            }
            main .notes .box ul li{
                padding: 40px 25px;
                min-height: 240px;
            }
            main .notes .box ul li .topic{
                font-size: 22px;
            }
            main .notes .box ul li:nth-child(n + 5){
                margin-top: 30px;
            }

            main .compReg{
                padding-bottom: 150px;
            }
            main .compReg .contn .box .mid{
                margin-left: -35px;
            }
            main .compReg .contn .box .mid .item{
                width: calc(25% - 35px);
                margin-left: 35px;
            }
            main .compReg .contn .box .mid .item .topic{
                margin-top: -20px;
            }
            main .compReg .contn .box .mid .item .topic,
            main .advtg .list .item:nth-child(1) .another>.topic,
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                font-size: 24px;
            }
            main .advtg .list .item:nth-child(1) .another>.t{
                font-size: 18px;
            }
            main .advtg .headPic{
                height: 580px;
            }
            main .service ul li .topic, main .advtg .list .item:nth-child(1) .another ul .topic{
                font-size: 22px;
            }
            main .advtg .list .item:nth-child(1) .whiteBg{
                padding-left: 160px;
                padding-top: 180px;
            }
            main .advtg .list .item:nth-child(1) .another{
                margin-top: -240px;
                padding: 0px 90px;
                padding-top: 80px;
            }
            main .advtg .list .item:nth-child(1) .another ul{
                margin-top: 40px;
            }
            main .advtg .list .item:nth-child(1) .another ul .t,
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                font-size: 18px;
            }
            main .advtg .list .item:nth-child(2){
                margin-top: 90px;
                margin-bottom: 170px;
            }
            main .advtg .list .item:nth-child(2) .whiteBg{
                padding: 130px 0px;
                padding-left: 135px;

            }
            main .advtg .list .item:nth-child(3) .whiteBg{
                padding-top: 105px;
                padding-bottom: 160px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt{
                margin-top: 90px;
                margin-bottom: 120px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                margin-bottom: 30px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                margin-top: 25px;
            }

            main .tips .box .txt{
                font-size: 16px;
            }
            main .tips .box .txt .topic{
                font-size: 22px;
            }
            main .advtg .list .item .whiteBg .more .arw{
                width: 58px;
                height: 58px;
            }
            main .advtg .list .item .whiteBg .more .arw img{
                width: 40px;
                height: auto;
            }
            main .advtg .list .item .whiteBg .more span{
                margin-left: 25px;
                font-size: 22px;
            }

            main .news .newsSwiper .swiper-slide{
                padding-left: 35px;
            }
        }
        
        @media(max-width:1200px){
            main .service{
                padding-top: 90px;
                padding-bottom: 80px;
            }
            main .service ul,
            main .compReg .contn{
                margin-top: -37px;
            }
            main .service ul{
                padding-top: 60px;
            }
            main .service ul li{
                padding: 70px 0px;
            }
            main .service ul li .icon{
                width: 100px;
                height: 100px;
            }
            main .service ul li .icon img{
                height: 55px;
            }
            main .service ul li .topic{
                margin-top: 35px;
                margin-bottom: 20px;
            }
            main .service ul li .topic,
            main .advtg .list .item:nth-child(1) .another ul .topic,
            main .compReg .contn .box .mid .item .topic,
            main .advtg .list .item:nth-child(1) .another>.topic,
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                font-size: 22px;
            }
            main .service ul li .t{
                width: 240px;
            }

            main .notes .box{
                padding: 35px 40px;
            }
            main .notes .box ul li{
                width: calc(50% - 20px);
                min-height: 180px;
                padding: 30px 20px;
            }
            main .notes .box ul li .topic{
                font-size: 20px;
                margin-bottom: 15px;
            }
            main .notes .box ul li:nth-child(n + 5){
                margin-top: 0px;
            }
            main .notes .box ul li:nth-child(n + 3){
                margin-top: 25px;
            }

            main .compReg{
                padding-bottom: 120px;
            }
            main .compReg .contn .box .mid .item .num{
                width: 80px;
                height: 80px;
                border-width: 8px;
                line-height: 64px;
                font-size: 18px;
            }
            main .compReg .contn .box .mid .item .num.frozen{
                margin-left: 25px;
            }
            main .compReg .contn .box .mid .item:hover .num.frozen{
                transform: translateX(-25px) translateY(-50%);
            }

            main .advtg .headPic{
                height: 500px;
            }
            main .advtg .list .item:nth-child(1) .whiteBg{
                padding-left: 125px;
                padding-top: 160px;
            }
            main .advtg .list .item:nth-child(1) .another{
                width: calc(50% - 30px);
                margin-left: 30px;
                margin-top: -150px;
            }
            main .advtg .list .item:nth-child(1) .another>.t,
            main .advtg .list .item:nth-child(1) .another ul .t,
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                font-size: 16px;
            }
            main .advtg .list .item:nth-child(1) .another{
                padding: 0px 70px;
                padding-top: 65px;
            }
            main .advtg .list .item:nth-child(1) .another ul li{
                margin-top: 30px;
            }
            main .advtg .list .item:nth-child(2){
                margin-top: 70px;
                margin-bottom: 130px;
            }
            main .advtg .list .item:nth-child(2) .whiteBg{
                padding-left: 110px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg{
                padding-top: 90px;
                padding-bottom: 135px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt{
                padding-left: 20px;
                margin-top: 70px;
                margin-bottom: 90px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                margin-top: 15px;
            }
            main .advtg .list .item:nth-child(1) .another ul .topic::before,
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li::before{
                width: 6px;
                height: 6px;
                left: -20px;
            }

            main .tips .box .txt{
                font-size: 14px;
            }
            main .tips .box .txt .topic{
                font-size: 20px;
            }

            main .news .newsSwiper .swiper-slide{
                padding: 35px 25px;
                padding-right: 200px;
            }
            main .news .newsSwiper .pic{
                width: 200px;
            }
            main .news .newsSwiper .swiper-pagination span{
                width: 16px;
                height: 16px;
                margin: 0px 8px;
            }
        }
        @media(max-width:1024px){
            
            
            main .service ul,
            main .compReg .contn{
                margin-top: -35px;
            }
            main .service ul li .icon{
                width: 85px;
                height: 85px;
            }
            main .service ul li .icon img{
                height: 50px;
            }
            main .service ul li .t{
                width: 200px;
            }
            main .service ul li .topic{
                margin-top: 20px;
                margin-bottom: 10px;
            }
            main .service ul li .topic, 
            main .compReg .contn .box .mid .item .topic,
            main .advtg .list .item:nth-child(1) .another>.topic,
            main .advtg .list .item:nth-child(1) .another ul .topic,
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                font-size: 18px;
            }
            main .service ul li .t{
                line-height: 1.6;
            }

            main .service ul li .t,
            main .compReg .contn .box .mid .item .t,
            main .notes .box ul li .t,
            main .advtg .list .item:nth-child(1) .another>.t,
            main .advtg .list .item:nth-child(1) .another ul .t,
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                font-size: 14px;
            }   

            main .notes .box, 
            main .compReg .contn .box,
            main .news{
                width: calc(100% - 40px);
            }

            main .notes{
                padding-top: 90px;
            }
            main .notes .box ul li{
                min-height: 160px;
                padding: 20px 15px;
            }
            main .notes .box ul li .topic{
                font-size: 18px;
            }

            main .compReg{
                padding-bottom: 100px;
            }
            main .compReg .contn{
                padding-top: 90px;
            }
            main .compReg .contn .box .mid .item{
                width: calc(50% - 35px);
            }
            main .compReg .contn .box .mid .item .topic{
                margin-bottom: 15px;
            }
            main .compReg .contn .box .mid .item .t{
                font-size: 14px;
            }

            main .advtg .headPic{
                height: 360px;
            }
            main .advtg .list .item:nth-child(1) .whiteBg{
                padding-left: 100px;
                padding-top: 125px;
            }
            main .advtg .list .item:nth-child(1) .another{
                padding: 50px;
                padding-top: 45px;
                margin-top: -100px;
            }
            main .advtg .list .item:nth-child(1) .another>.t,
            main .advtg .list .item:nth-child(1) .another ul .t{
                margin-top: 10px;
            }
            main .advtg .list .item:nth-child(1) .another ul li{
                margin-top: 20px;
            }
            main .advtg .list .item:nth-child(2) .whiteBg{
                padding: 100px 0px;
                padding-left: 90px;
            }
            main .advtg .list .item:nth-child(2) .whiteBg .more{
                margin-top: 70px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                margin-bottom: 20px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg{
                padding-top: 75px;
                padding-bottom: 100px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt{
                padding-left: 15px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li{
                margin-top: 10px;

            }
            main .advtg .list .item .whiteBg .more .arw{
                width: 50px;
                height: 50px;
            }
            main .advtg .list .item .whiteBg .more .arw img{
                width: 36px;
            }
            main .advtg .list .item .whiteBg .more span{
                margin-left: 15px;
                font-size: 18px;
            }
            main .advtg .list .item:nth-child(1) .another ul .topic::before,
            main .advtg .list .item:nth-child(3) .whiteBg .txt ul li::before{
                width: 4px;
                height: 4px;
                left: -15px;
            }

            main .tips .box .txt{
                font-size: 12px;
                padding-top: 10px;
                padding-bottom: 15px;
            }
            main .tips .box .txt .topic{
                font-size: 18px;
            }

            main .news .newsSwiper .pic{
                position: initial;
                height: 360px;
                width: 100%;
                margin-bottom: 10px;
            }
            main .news .newsSwiper .swiper-slide{
                padding: 0px;
            }
            main .news .newsSwiper .txt{
                max-width: initial;
                padding: 35px 30px;
            }
            main .news .newsSwiper .swiper-pagination span{
                width: 12px;
                height: 12px;
            }
        }
        
        @media(max-width:767px){

            main .service{
                padding-top: 70px;
                padding-bottom: 65px;
            }
            main .service ul{
                margin-top: 40px;   
                padding-top: 0px;
                display: block;
            }
            main .service ul li{
                width: 100%;
            }
            main .compReg .contn{
                margin-top: -24px;
            }
            main .service ul li{
                border-left-width: 0px;
                padding: 30px 0px;
            }
            
            main .service ul li .t, 
            main .compReg .contn .box .mid .item .t, 
            main .notes .box ul li .t{
                font-size: 12px;
            }
            main .service ul li .topic, 
            main .advtg .list .item:nth-child(1) .another ul .topic,
            main .notes .box ul li .topic,
            main .compReg .contn .box .mid .item .topic{
                font-size: 16px;
            }
            main .service ul li .icon{
                width: 70px;
                height: 70px;
            }
            main .service ul li .icon img{
                height: 40px;
            }
            main .service ul li .t{
                width: 240px;
            }

            main .notes{
                padding-top: 70px;
            }
            main .notes .box{
                padding: 20px;
            }
            main .notes .box ul{
                margin-left: 0px;
            }
            main .notes .box ul li{
                width: 100%;
                margin-left: 0px;
                transform: initial !important;
                padding: 15px;
                min-height: initial;
            }
            main .notes .box ul li:nth-child(n + 3){
                margin-top: 0px;
            }
            main .notes .box ul li:nth-child(n + 2){
                margin-top: 15px;
            }
            main .notes .box ul li .topic{
                margin-bottom: 5px;
            }

            main .compReg{
                padding-bottom: 70px;
            }
            main .compReg .contn{
                padding-top: 70px;
                border-width: 0px;
            }
            main .compReg .contn .box .mid{
                margin-left: -15px;
            }
            main .compReg .contn .box .mid .item{
                margin-left: 15px;
                width: calc(50% - 15px);
            }
            main .compReg .contn .box .mid .item .num{
                width: 60px;
                height: 60px;
                border-width: 6px;
                line-height: 48px;
                font-size: 14px;
            }
            main .compReg .contn .box .mid .item .num.frozen{
                margin-left: 20px;
            }
            main .compReg .contn .box .mid .item:hover .num.frozen{
                transform: translateY(-50%);
            }
            main .compReg .contn .box .mid .item .topic{
                margin-bottom: 10px;
            }

            main .advtg .headPic{
                height: 240px;
            }
            main .advtg .list .item{
                flex-direction: column !important;
            }
            main .advtg .list .item>*{
                width: 100% !important;
            }
            
            main .advtg .list .whiteBg{
                padding: 0px 20px !important;
                padding-top: 45px !important;
                padding-bottom: 60px !important;
            }
            main .advtg .list .item .whiteBg .more{
                margin-top: 50px !important;
            }
            main .advtg .list .item .whiteBg .more .arw{
                width: 40px;
                height: 40px;
            }
            main .advtg .list .item .whiteBg .more .arw img{
                width: 30px;
            }
            main .advtg .list .item .whiteBg .more span{
                margin-left: 10px;
                font-size: 14px;
            }
            main .advtg .list .item:nth-child(1) .another{
                margin: 0px;
                padding: 45px 35px;
            }
            main .advtg .list .item .another .pic img{
                display: block;
                height: auto;
                object-fit: initial;
            }
            main .advtg .list .item:nth-child(2){
                margin: 0px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg{
                display: block;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt{
                margin-bottom: 0px;
                margin-top: 40px;
            }
            main .advtg .list .item:nth-child(3) .whiteBg .txt .topic{
                margin-bottom: 10px;
            }

            main .tips{
                padding: 40px 0px;
            }
            main .tips .box{
                width: 100%;
                display: block;
                text-align: center;
                border-width: 0px;
            }
            main .tips .box .txt{
                padding: 20px 0px;
                position: relative;
            }
            main .tips .box + .box .txt::before{
                content: '';
                position: absolute;
                width: 80px;
                height: 1px;
                background: #eee;
                top: 0px;
                left: 50%;
                transform: translateX(-50%);
            }
            main .tips .box .txt .topic{
                font-size: 16px;
                margin-bottom: 5px;
            }

            main .news .newsSwiper .pic{
                height: 240px;
                margin-bottom: 0px;
            }
            main .news .newsSwiper .txt{
                padding: 30px 21px;
            }
            main .news .newsSwiper .txt .t{
                margin-top: 15px;
                margin-bottom: 25px;
            }
            main .news .contn .all{
                position: initial;
                width: 160px;
                line-height: 40px;
                font-size: 20px;
                margin: 0 auto;
                display: block;
                text-align: center;
                margin-top: 30px;
            }
            main .news .newsSwiper{
                margin-top: 25px;
            }
        }
        
        @media(max-width:450px){

            main .compReg .contn .box .mid{
                margin-left: 0px;
            }
            main .compReg .contn .box .mid .item{
                margin-left: 0px;
                width: 100%;
            }
        }